@use "@/assets/styles/mixin";
:deep(.el-dialog) {
  @include mixin.flex-column;
  max-height: 80vh;
  overflow-y: hidden;
}
:deep(.el-dialog__header) {
  margin-bottom: 24px;
}
:deep(.el-dialog__body) {
  @include mixin.flex-overflow;
}
:deep(.el-input__wrapper),
:deep(.el-select__wrapper),
:deep(.el-textarea__inner),
:deep(.el-input__count) {
  background-color: #f2f3f5;
}
.dialog-footer {
  text-align: center;
}

:deep(.el-cascader) {
  width: 100%;
}
.business-personnel {
  width: 100%;
  height: 100%;
  background-color: #f2f3f5;
  border-radius: 4px;
  box-shadow: 0 0 0 1px var(--el-border-color) inset;
  box-sizing: border-box;
  cursor: pointer;
  font-size: 14px;
  line-height: 24px;
  padding: 4px 12px;
  .business-personnel-placeholder {
    color: #a8abb2;
  }
}


.select-user-popover{
  @include mixin.flex;
  .tree-container,
  .user-list-container{
    width: 50%;
    padding: 20px;
    box-sizing: border-box;
  }
  .tree-container{
    border-right: 1px solid #ebeef5;
  }
  .user-list-container{
    .user-list-item{
      cursor: pointer;
      &:hover{
        background-color: #E3F0FE;
      }
    }
  }
}

// TODO:下拉搜索
.content-item-search{
  @include mixin.flex-align;
  :deep(.el-input__wrapper){
    border: 0;
    box-shadow: none;
    outline: 0;
    background-color: #fff;
    &:hover{
      box-shadow: none;
    }
    &.is-focus{
      box-shadow: none;
    }
  }
  :deep(.svg-icon){
    margin-right: 5px;
    cursor: pointer;
  }
}
.content-item-option{
  @include mixin.flex-center(space-between,center);
  width: 100%;
}

.sure {
  text-align: center;

  :deep(.el-icon) {
      font-size: 60px;
      margin-bottom: 20px;
      color: rgb(255, 51, 51);
  }

  img {
      width: 100px;
      height: 100px;
  }
}
